.br-time-line {
  padding-left: $time-line-padding;
  list-style-type: none !important;  // 去掉ul 默认padding
  margin-bottom: $space-of-segments;
  &__item {
    padding-bottom: $time-line-padding;
    margin-bottom: 0px !important;
    position: relative;
    color: $time-line-gray-color;
    &:before{
      display: inline-block;
      width: $time-line-round-width;
      height: $time-line-round-height;
      border: 3px solid $time-line-white-color;
      border-radius: 50%;
      background: $time-line-normal-color;
      vertical-align: top;
      content: " ";
      position: absolute;
      top: 2px;
      left: -19px;
      z-index: 9999;
    }
    &--active {
      color: $time-line-active-color;
      &:before{
        border: 3px solid $time-line-active-border-color;
        background: $time-line-active-color;
        outline: $time-line-white-color solid 3px;
      }
    }
    &:not(:last-child) {
      &:after {
        content: " ";
        position: absolute;
        left: -13px;
        bottom: -13px;
        height: 100%;
        border-left: 1px solid $time-line-normal-color;
      }
    }
  }
}

